cody - HTMLify profile
cody
4270 Files
632704 Views
Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone
favicon.ico
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/favicon.ico
Media file
icons.PNG
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/icons.PNG
Media file
chromeicon.png
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/chromeicon.png
Media file
startmenu.PNG
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/startmenu.PNG
Media file
bg.jpeg
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/bg.jpeg
Media file
recyclebinicon.png
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/recyclebinicon.png
Media file
video.webm
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/video.webm
Media file
taskbarright.PNG
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/taskbarright.PNG
Media file
bg.jpg
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/bg.jpg
Media file
style.css
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/style.css
*{
margin: 0;
padding: 0;
}
body{
/* background-image: url('bg.jpeg');
background-size: cover; */
margin: 0;
padding: 0;
}
body{
/* background-image: url('bg.jpeg');
background-size: cover; */
index.html
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Try Windows 11</title>
<link rel="stylesheet" href="style.css">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Try Windows 11</title>
<link rel="stylesheet" href="style.css">
readme.md
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/readme.md
# Windows 11 :
---
## Tech Stack Used :
> HTML5, CSS3, JS
---
## Our Cloned Copy Looks Like:
---
## Tech Stack Used :
> HTML5, CSS3, JS
---
## Our Cloned Copy Looks Like:
edgeicon.png
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/edgeicon.png
Media file
script.js
cody/swapnilsparsh/30DaysOfJavaScript/94 - Windows 11 Clone/script.js
let taskbar = document.getElementsByClassName("taskbar")[0]
let startmenu = document.getElementsByClassName("startmenu")[0]
taskbar.addEventListener("click", ()=>{
console.log("clicked");
if(startmenu.style.bottom == "50px"){
startmenu.style.bottom = "-655px"
}
let startmenu = document.getElementsByClassName("startmenu")[0]
taskbar.addEventListener("click", ()=>{
console.log("clicked");
if(startmenu.style.bottom == "50px"){
startmenu.style.bottom = "-655px"
}